<div class="page-header no-breadcrumb font-header">北纬内容库</div>
<div class="content-wrap">
<div class="panel panel-default">

<!--panel-heading-->
<div class="panel-heading font-header">
    <a href="/library/create" class="btn btn-success btn-flat">添加内容</a>
    <a href="/library/category" class="btn btn-info btn-flat">分类信息</a>
</div>
<!--panel-heading-->

<!--panel-body-->
<div class="panel-body">
    <div class="row common-padding">
        <div class="col-sm-1">
            <label class="commonlabel">内容标题</label>
        </div>
        <div class="col-sm-11">
            <input type="text" placeholder="请输入用户名" class="form-control" data-bv-field="username"
                   name="username"/>
        </div>
    </div>
    <div class="row common-padding">
        <div class="col-sm-1">
            <label class="commonlabel">添加日期</label>
        </div>
        <div class="col-sm-11">
            <input type="text" id="datetimepicker1" class="form-control font-12"
                   placeholder="请选择时间">
            <span aria-hidden="true" class="fa fa-calendar h4 form-control-feedback"></span>
        </div>
    </div>
    <div class="row common-padding">
        <div class="col-sm-1">
            <label class="commonlabel">内容分类</label>
        </div>
        <div class="col-sm-11">
            <div class="form-group">
                <div class="btn-padding inblock">
                    <button type="button" class="btn btn-warning btn-flat">不限</button>
                </div>
                <div class="btn-padding inblock">
                    <button type="button" class="btn btn-default btn-flat">北纬内容库</button>
                </div>
                <div class="btn-padding inblock">
                    <button type="button" class="btn btn-default btn-flat">基本的标记</button>
                </div>
                <div class="btn-padding inblock">
                    <button type="button" class="btn btn-default btn-flat">北纬内容库</button>
                </div>
                <div class="btn-padding inblock">
                    <button type="button" class="btn btn-default btn-flat">基本的标记</button>
                </div>
                <div class="btn-padding inblock">
                    <button type="button" class="btn btn-default btn-flat">基本的标记</button>
                </div>
                <div class="btn-padding inblock">
                    <button type="button" class="btn btn-default btn-flat">基本的标记</button>
                </div>
                <div class="btn-padding inblock">
                    <button type="button" class="btn btn-default btn-flat">北纬内容库</button>
                </div>
                <div class="btn-padding inblock">
                    <button type="button" class="btn btn-default btn-flat">基本的标记</button>
                </div>
                <div class="btn-padding inblock">
                    <button type="button" class="btn btn-default btn-flat">基本的标记</button>
                </div>
                <div class="btn-padding inblock">
                    <button type="button" class="btn btn-default btn-flat">北纬内容库</button>
                </div>
                <div class="btn-padding inblock">
                    <button type="button" class="btn btn-warning btn-flat">更多 <i class="fa fa-plus"></i>
                    </button>
                </div>

            </div>
        </div>
    </div>
</div>

<!--panel-body-->

<!--table-responsive-->
<div class="table-responsive overflow-x">
<div id="datatable_wrapper" class="dataTables_wrapper dt-bootstrap no-footer">
    <!--row-->
    <div class="row common-body common-ptop">
        <div class="col-sm-12 common-padding">
            <div class="btn-group" role="group" aria-label="">
                <a class="btn btn-default">调用数</a>
                <a class="btn btn-default">点击量</a>
            </div>
        </div>
        <div class="col-sm-12 table-items">
            <table aria-describedby="datatable_info" class="table table-striped font-12 dataTable no-footer">
                <thead>
                <tr>
                    <th>
                        <div class="task-chk-wrap">
                            <div class="checkbox-inline">
                                <div class="custom-checkbox font-12">
                                    <input type="checkbox" class="library-chk" id="all" name="all">
                                    <label for="all">全选</label>
                                </div>
                            </div>
                        </div>
                    </th>
                    <th class="text-center">标题</th>
                    <th class="text-center">所属分类</th>
                    <th class="text-center">调用数</th>
                    <th class="text-center">点击量</th>
                    <th class="text-center">操作</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>
                        <div class="task-chk-wrap">
                            <div class="checkbox-inline">
                                <div class="custom-checkbox font-12">
                                    <input type="checkbox" class="library-chk" id="task2" name="task2">
                                    <label for="task2"></label>
                                </div>
                            </div>
                        </div>
                    </td>
                    <td class="text-center">title1</td>
                    <td class="text-center">cate1</td>
                    <td class="text-center datainfo"><a href="#0" class="common-po-btn">265</a></td>
                    <td class="text-center datainfo"><a href="#0" class="click-po-btn">65</a></td>
                    <td class="text-center"><a href="#" class="text-btn text-info">编辑</a> <a href="#"
                                                                                             class="text-btn text-danger">删除</a>
                    </td>
                </tr>

                </tbody>
            </table>
        </div>
    </div>
    <!--row-->

    <!--row-->
    <div class="row border-gray common-ptop">
        <div class="col-sm-12">
            <a href="#" class="btn btn-danger btn-flat common-mbottom">删除选中的内容</a>
        </div>
    </div>

    <!--row-->
    <div class="row border-gray common-ptop">
        <div class="col-sm-2">
            <a href="#" class="btn btn-danger btn-flat common-mbottom">修改选中内容的分类</a>
        </div>
        <div class="col-sm-8 common-mbottom">
            <select class="form-control chosen-select font-12" tabindex="-1" aria-hidden="true">
                <option>全部</option>
                <option>政府大厅</option>
                <option>政府大厅</option>
                <option>政府大厅</option>
                <option>政府大厅</option>
            </select>
        </div>
        <div class="col-sm-2">
            <a href="#" class="btn btn-success btn-flat common-mbottom">确定</a>
        </div>
    </div>

    <!--row-->
    <div class="row">
        <div class="col-sm-7">
            <div class="dataTables_paginate paging_simple_numbers" id="datatable_paginate">
                <ul class="pagination">
                    <li class="paginate_button previous disabled" id="datatable_previous"><a href="#"
                                                                                             aria-controls="datatable"
                                                                                             data-dt-idx="0"
                                                                                             tabindex="0">上一页</a>
                    </li>
                    <li class="paginate_button active"><a href="#" aria-controls="datatable"
                                                          data-dt-idx="1" tabindex="0">1</a></li>
                    <li class="paginate_button "><a href="#" aria-controls="datatable" data-dt-idx="2"
                                                    tabindex="0">2</a></li>
                    <li class="paginate_button next" id="datatable_next"><a href="#"
                                                                            aria-controls="datatable"
                                                                            data-dt-idx="3"
                                                                            tabindex="0">下一页</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!--row-->
</div>
</div>
<!--table-responsive-->

</div>
</div>



<div class="cd-popup common-alert" role="alert">
    <div class="cd-popup-container cd-width">
        <div class="panel panel-orange no-bordered">
            <div class="panel-heading">
                <div class="title"><h3 class="alert-title">调用数明细</h3></div>
            </div>
            <div class="panel-body alertscroll">
                <div class="row">
                    <div class="col-sm-6 text-left"><h5>文章标题：2016年中国农业部最新公告[农业部政策]</h5></div>
                    <div class="col-sm-6 common-padding text-right">总点击量：<span class="text-danger click">1102457</span></div>
                </div>
                <!--row end-->
                <div class="row">
                    <div class="col-sm-12">
                        <table aria-describedby="datatable_info" class="table table-striped font-12 dataTable no-footer listData">
                            <thead>
                                <tr>
                                    <th class="text-center">用户</th>
                                    <th class="text-center">调用时间</th>
                                    <th class="text-center">点击量</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>肇源县政府</td>
                                    <td>2015-11-12 10:45</td>
                                    <td>1046583</td>
                                </tr>
                                <tr>
                                    <td>肇源县政府</td>
                                    <td>2015-11-12 10:45</td>
                                    <td>1046583</td>
                                </tr>
                                <tr>
                                    <td>肇源县政府</td>
                                    <td>2015-11-12 10:45</td>
                                    <td>1046583</td>
                                </tr>
                                <tr>
                                    <td>肇源县政府</td>
                                    <td>2015-11-12 10:45</td>
                                    <td>1046583</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <!--row end-->
            </div>
        </div>
        <a href="#" class="cd-popup-close fa fa-2x fa-plus-circle text-white"></a>
    </div> <!-- cd-popup-container -->
</div>




<div class="cd-popup click-alert" role="alert">
    <div class="cd-popup-container cd-width">
        <div class="panel panel-orange no-bordered">
            <div class="panel-heading">
                <div class="title"><h3 class="alert-title">点击量明细</h3></div>
            </div>
            <div class="panel-body alertscroll">
                <div class="row">
                    <div class="col-sm-6 text-left"><h5>文章标题：2016年中国农业部最新公告[农业部政策]</h5></div>
                    <div class="col-sm-6 common-padding text-right">调用数：<span class="text-danger click">2457</span></div>
                </div>
                <!--row end-->
                <div class="row">
                    <div class="col-sm-12">
                        <table aria-describedby="datatable_info" class="table table-striped font-12 dataTable no-footer listData">
                            <thead>
                            <tr>
                                <th class="text-center">用户</th>
                                <th class="text-center">目标栏目</th>
                                <th class="text-center">调用时间</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>肇源县政府</td>
                                <td>[一级栏目]-[二级栏目]-[三级栏目]</td>
                                <td>2015-11-12 10:45</td>
                            </tr>
                            <tr>
                                <td>肇源县政府</td>
                                <td>[一级栏目]-[二级栏目]-[三级栏目]</td>
                                <td>2015-11-12 10:45</td>
                            </tr>
                            <tr>
                                <td>肇源县政府</td>
                                <td>[一级栏目]-[二级栏目]-[三级栏目]</td>
                                <td>2015-11-12 10:45</td>
                            </tr>
                            <tr>
                                <td>肇源县政府</td>
                                <td>[一级栏目]-[二级栏目]-[三级栏目]</td>
                                <td>2015-11-12 10:45</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <!--row end-->
            </div>
        </div>
        <a href="#" class="cd-popup-close fa fa-2x fa-plus-circle text-white"></a>
    </div> <!-- cd-popup-container -->
</div>


